<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Opsystem</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="/static/css/opp.css" charset="utf-8">
    <style type="text/css">
        div#content {width:50%}
    </style>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".input").mouseover(function(){
            $(this).css({color:"yellow"});
            });
        $(".input").mouseout(function(){
             $(this).css({color:"seashell"});
        });
        })

    </script>
</head>
<body>
<div id="title">Update Official Web Site</div>
<div id="top">
<form id="upload" action="/upload_www" enctype="multipart/form-data" method="post">
    Upload:<input class="button" type="file" name="newfiles" multiple="multiple"/>
<p><input class="button" type="submit" value="Upload" /></p>
</form>
</div>
<div id="content">
    {% if ok1_message %}
        <p class="ok_res">{{ok1_message|safe}}</p>
    {% endif %}
     {% if ok2_message %}
        <p class="ok_res">{{ok2_message|safe}}</p>
    {% endif %}
    {% if no_message %}
        <p class="error_res">{{no_message|safe}}</p>
    {% endif %}
</div>
<div id="feet">
    <a class="input" href="/update_www?action=update" >Update</a>
    <a class="input" id="back_f" href="/update_www?action=rollback_file">增量RollBack</a>
    <a class="input" id="back_d" href="/update_www?action=rollback_all_identify">全量Rollback</a>
</div>
</body>
</html>